/* 
    Document   : portada
    Created on : 22/05/2012, 08:13:56 PM
    Author     : Agustin
    Description:
        Purpose of the stylesheet follows.
*/
body *{
    margin: 0px;
}
h1{
    color:orange;
    padding-top: 0px;
    padding-bottom: 0px
}
p{
    font-family:"Times New Roman";
    font-size:20px;
    color: black;
}
#productos{
    float: left;
    height: 600px;
    width: 750px;


}
.producto{
    float: left;
    height: 300px;
    width: 350px;
    color:#FFF;

    border:1px solid;
    margin-left: 15px;
    margin-top: 15px;
    background-color: grey;
    border-radius:7px;
    -moz-border-radius:7px; 
    -webkit-border-radius:7px; 
}

*:-moz-selection{
    background: #fbdbe8;
    color: #F55B99;
}
*:selection {
    background: #fbdbe8;
    color: #F55B99;
}
#contenedorGlobal{
    margin-left: auto;
    /*    border-style: solid;*/
    margin-right: auto;
    /*    ancho*/
    width: 1300px ;
    /*        alto*/
    height: 855px;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#0E8CCC));
    background: -moz-linear-gradient(top, #ffffff ,  #0E8CCC);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#D7E9F3', endColorstr='#ffffff');
    border-radius:7px;
    -moz-border-radius:7px; 
    -webkit-border-radius:7px; 
}
#etiquetaImput{
    float: right;
}
input[type="text"]{
    font-family: bold;
}
select[type="text"]{
    font-family: bold;
}
#titulo {
    margin-left: auto;
    margin-right: auto;
    /*    ancho*/
    width: 1300px ;
    /*        alto*/
    height: 125px;
    background-color: transparent;
}
#logo{
    margin-left: 120px;
    float: left;
    background-image: url('../Imagenes/logotelecom.gif');
    background-size: cover;
    height: 120px;
    width:110px;
}
#izquierda{
    visibility: hidden;
    overflow: auto;
    /*    ancho*/
    width: 200px ;
    /*        alto*/
    height: 610px;
    float: left;
    margin-left: auto;
    margin-right: auto;
    background-color: #2175bc;  
    color: #fff
}
#menu{
    /*    ancho*/
    width: 1300px ;
    /*        alto*/
    height: 35px;
    float: left;
    margin-left: auto;
    margin-right: auto;
    margin-top: 300px;
    background-color: transparent;  
    color: black;
    border-radius:7px;
    -moz-border-radius:7px; 
    -webkit-border-radius:7px; 
}
#contenedor{
    overflow: auto;
    /*    ancho*/
    width: 1300px ;
    /*        alto*/
    height: 610px;
    float: left;
    margin-left: auto;
    margin-right: auto;
    background-color: transparent;
}
#pie{
    /*    border-style: solid;*/
    /*    ancho*/
    width: 1300px ;
    /*        alto*/
    height: 80px;
    text-align: center;
    float: left;
    background-color: transparent;  
}
.clean{
    clear: both;
}
#button {  
    padding: 0;  
    margin-left:20px;
}  
#button li {  
    display: inline;

}  
#button li a {  
    font-family: Arial;  
    font-size:11px;  
    text-decoration: none;  
    float:left;  
    padding: 10px;  
    margin-left: 15px;
    background-color: transparent;  
    color: black;  
    border-radius:7px;
    -moz-border-radius:7px; 
    -webkit-border-radius:7px; 

}  
#button li a:hover {  
    background-color: #0E8CCC;  
    margin-top:-2px;  
    padding-bottom:12px;  
    border-radius:7px;
    -moz-border-radius:7px; 
    -webkit-border-radius:7px; 
}  


ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:2px}
ul.menu ul {position:absolute; top:26px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:148px; margin:0}
ul.menu ul li a { padding:3px 7px 5px; background-color:#d1d1d1}
ul.menu ul li a:hover {
    background-color: #0E8CCC;  
    margin-top:-2px;  
    padding-bottom:12px;  
    border-radius:7px;
    -moz-border-radius:7px; 
    -webkit-border-radius:7px}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink {padding:5px 7px 7px; font-weight:bold;  width:134px}
ul.menu .menulink:hover, ul.menu .menuhover { 
    font-family: Arial;  
    font-size:11px;  
    text-decoration: none;  
    float:left;  
    padding: 10px;  
    margin-left: 15px;
    background-color: transparent;  
    color: black;  
    border-radius:7px;
    -moz-border-radius:7px; 
    -webkit-border-radius:7px}
/*ul.menu .sub {background:#d1d1d1 url(../Imagenes/menu/arrow.gif) 136px 8px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}*/